<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="stylesheet" href="${ctxPath}/style/weui.min.css">
    <link rel="stylesheet" href="${ctxPath}/style/home.css">
    <!-- jQuery 3 -->
    <script src="${ctxPath}/bower_components/jquery/dist/jquery.min.js"></script>
    <style>
        html, body {
            height: 100%;
        }

        .container, .page {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }
    </style>
    <title>中翰云油</title>
</head>
<body ontouchstart>
<div class="container">
    <div class="page">
        <div class="page__bd" style="height: 100%;">
            <div class="weui-tab">
                <div class="weui-tab__panel">
                    ${layoutContent}
                </div>
                <div class="weui-tabbar">
                    <a href="${ctxPath != '' ? ctxPath : '/'}" class="weui-tabbar__item ${index == 0 ? 'weui-bar__item_on' : ''}">
                        <img src="${ctxPath}/images/icon_tabbar.png" alt="" class="weui-tabbar__icon">
                        <p class="weui-tabbar__label">油卡</p>
                    </a>
                    <a href="${ctxPath}/oilRecharges" class="weui-tabbar__item ${index == 1 ? 'weui-bar__item_on' : ''}">
                    <span style="display: inline-block;position: relative;">
                        <img src="${ctxPath}/images/icon_tabbar.png" alt="" class="weui-tabbar__icon">
                       <p class="weui-tabbar__label">订单查询</p>
                    </span>
                    </a>
                    <a href="${ctxPath}/me" class="weui-tabbar__item ${index == 2 ? 'weui-bar__item_on' : ''}">
                        <img src="${ctxPath}/images/icon_tabbar.png" alt="" class="weui-tabbar__icon">
                        <p class="weui-tabbar__label">我</p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div id="toast" style="display: none;">
        <div class="weui-mask_transparent"></div>
        <div class="weui-toast">
            <i class="weui-icon-success-no-circle weui-icon_toast"></i>
            <p class="weui-toast__content">已完成</p>
        </div>
    </div>
</div>
</body>
<script>
    var $toast = $('#toast');
    function showToast() {
        if ($toast.css('display') != 'none') return;

        $toast.fadeIn(100);
        setTimeout(function () {
            $toast.fadeOut(100);
        }, 2000);
    }
</script>
</html>